草庐IT

AngularJS 输入验证

全部标签

javascript - 从 ERB 切换到 Angular 时,Rails 应用程序中的 AngularJS View 功能测试中断

首先,我有一个工作rails“显示”页面显示项目名称和属于该项目的条目。当使用Angular$scope显示项目名称并使用ERB中的block显示条目时,我的测试通过了。当我用AngularDirective(指令)“ng-repeat”替换条目ERB代码时,仅我的条目测试场景开始失败。有趣的是,该应用程序仍在浏览器中运行。请记住,在我看来,另一个$scope变量过去和现在仍然通过使用几乎相同的测试。工作show.html.erb(在ERB中查看的条目):Thisis{{project.details.name}}Entries打破show.html.erb(在Angular中查看的条

javascript - 仅当表单已提交时才触发 jQuery 表单验证?

非侵入式验证基于这样的想法,即在用户提交表单之前不进行表单验证;一旦发生这种情况,如果表单上的某些内容无效,则在用户更改后立即验证每个字段。我想做的是“不显眼地”触发对表单元素的验证——也就是说,仅在用户已经尝试提交表单时验证表单元素。所以我可以像这样触发一个元素的验证(当某个复选框被更改时我会这样做):$('#chkNoPersonId').change(function(){$('#lstPersonId').valid();});但问题在于,这将总是导致lstPersonId被验证并在无效时显示错误,即使用户尚未提交形成一次。我希望仅在用户尝试提交表单后才对其进行验证。是否有一些

javascript - 下拉框选择的验证?

这里我的要求是一旦我们在一个选择框中选择儿子或父亲,如果我在另一个选择框中选择“岳母”或“岳父”,我想要一个像“姻亲”这样的警告消息不适用'。这是我的代码,if(arr.indexOf(!(($(this).val()=='Son'||$(this).val()=='Father')))>-1){alert('In-lawsarenotapplicable');returnfalse;}谁能帮帮我。jsFiddle是here.-谢谢。 最佳答案 在用户选择岳父或岳母:if($(this).val()=='Mother-in-law'

javascript - angularjs ng-click 和 anchor 上的 href

如果anchor上同时存在ng-click和href,则ng-click不起作用。如果可能的话,我希望两者都能工作,转到一条路线然后运行一个功能。我的用例是我打开了一个带有链接面板的抽屉,当转到一个链接时我想关闭抽屉。让两者同时工作的简单方法是什么? 最佳答案 一旦您离开页面,脚本将不再运行。*你的流程可以是这样的:当用户点击时,运行执行以下操作的函数:运行你想要运行的原始函数处理任何“在此特定情况下导航离开”的逻辑。将location.href更改为您要导航到的URL。如果您发现自己一遍又一遍地实现那部分逻辑,当然可以将此行为提取

javascript - AngularJS 和 Node.js 与 ExpressJS 集成

关闭。这个问题是opinion-based.它目前不接受答案。想要改进这个问题?更新问题,以便editingthispost可以用事实和引用来回答它.关闭9年前。Improvethisquestion我正在尝试使用Node.js以及Express和Angularjs编写一个应用程序。有没有可能让AngularJS处理所有的登陆请求?而Node.js纯粹是为了API?这意味着所有用Node.js编写的路由都是这样的:app.get('/api/users',users.showAll);app.post('/api/users',users.create);app.get('/api/u

javascript - 禁用 angularJs 路由,routeprovider 已经消失

我正在构建一个laravel+AngularJS应用程序,其中laravel处理路由(由于安全问题)。起初我对AngularJS路由进行了一些试验,所以我使用了路由提供者等。现在我正试图摆脱它,angularJS一直在我的URL末尾添加#/partofthelink。这很烦人,我想摆脱它。我已经阅读了很多关于删除路由提供者等的内容,这些都已经完成了。我真的不明白它是从哪里来的。这几天我一直在尝试很多。任何想法可能会导致这种情况?谢谢!更新:问题解决了。在某处使用了$route服务。摆脱它,仍然没有成功。现在,Bootstrap-ui似乎在使用下拉菜单时使用了$location服务。所以

javascript - 将 jQuery 的 .val() 方法扩展到非输入元素

我正在编写一个基本上复制输入功能的自定义jquery插件。我可以解释为什么,但说实话,解释很长,我认为它与问题无关。当我尝试将jQuery的.val()方法扩展到我的自定义jquery插件时,问题就来了。这是我尝试过的:$.fn.custom_text_input=function(options){returnthis.each(function(){varcustom_text_input=newCustomTextInput(options,this)$(this)[0].val=function(){alert('somethinguseful')}})}我尝试了其他一些变体,

javascript - 如何更改 angularjs $http.jsonp 的 header

我读了document.但我想我一定是误会了。$http.defaults.headers.jsonp={'Accept':'application/json'};$http.jsonp(url).success(function(data,status,headers,config){我也试过$httpProvider.defaults.headers.jsonp={'Accept':'application/json'};$http.jsonp(url).success(function(data,status,headers,config){我想将Accept更改为applica

javascript - AngularJS 指令 - 从 $rootscope 接收广播

我有以下代码,HTMLJSvartest=angular.module('test',[]);test.controller('containerCtrl',['$scope','$rootScope',function($scope,$rootScope){$scope.components=[];$scope.$on('onSomething',function(e){$scope.components=$rootScope.config;});}]);test.directive('component',function(){varlinkFn=function(scope,el

javascript - 模板中带有 ng-if 的 angularjs 指令

我正在构建一个在其模板中使用ng-if的指令。奇怪的是提供给链接函数的元素并没有扩展ng-if代码,它只是ng-if的注释行。四处游玩,我发现通过将我的链接代码包装在$timeout中似乎可以让它工作,但我想知道这是否不是正确的方法......更重要的是,为什么会这样。我添加了一个plunk来演示:http://plnkr.co/edit/Gl7v8yJLevi664nUKcFY?p=preview 最佳答案 大多数指令实际上在$watch()中执行它们的大部分逻辑。例如ng-if将在它的属性上设置一个监视,然后在更改时渲染/删除d